@import (reference) '~weaver-mobile/dist/weaver-mobile.less';

.odoc-center{
  height: 100%;
  .am-activity-indicator{
    width: 100%;
    min-height: 100 * @hd;
    justify-content: center;
  }
  .am-search{
    border-bottom:none;
  }
  &-mainContent{
    height:calc(~'100% - 140px');
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
  }
  &-flexBar{
    height: 95 * @hd;
    background: #fff;
    border-bottom: 1 * @hd solid #eaeaea;
    box-sizing: border-box;
    &-item{
      height: 40 * @hd;
      width: 40 * @hd;
      display: inline-block;
      padding: 9 * @hd;
      box-sizing: border-box;
      border-radius: 40 * @hd;
      color: white;
    }
  }
  .am-tab-bar{
    position: static;
    height: auto;
    padding: 20 * @hd 0 * @hd;
    background: #fff;
  }
  .am-tab-bar-bar{
    height: auto;
    border: none !important;
  }
  .am-tab-bar-tab-icon{
    height: 40 * @hd;
    width: 40 * @hd;
    padding: 9 * @hd;
    border-radius: 40 * @hd;
    // color: #ff6600 !important;
    background: @fill-tap; 
  }
  &-moreIcon{
    vertical-align: middle;
    transform: rotate(-90deg);
    width: 14 * @hd;
    height: 14 * @hd;
    margin-left: 5 * @hd;
  }
  &-docTodo{
    width: 100%;
    .am-list-item img {
      width: 5px;
      height: 5px;
    }
    &-title{
      padding: 10 * @hd 15 * @hd;
      font-weight: bold;
      &-icon,&-todoIcon,&-themeIcon{
        vertical-align: middle;
        margin-right: 10 * @hd;
        color: #55B1F9;
      }
      &-todoIcon{
        color: #4ecbcd;
      }
      &-themeIcon{
        color: #fa7157;
      }
    }
    &-more{
      float:right;
      margin-top: -30 * @hd;
      margin-right: 10 * @hd; 
    }
    
  }
  .odoc-todo{
    height: 100%;
    .am-list{
      height: auto !important;
    }
  }
  .hotThemeTop,.hotThemeBottom{
    font-style: italic;
    color: #fe9250;
    vertical-align: middle;
    float: left;
    margin-right: 10 * @hd;
    margin-left: 15 * @hd;
    margin-top: 15 * @hd;
    .am-list-item{
      padding: 5 * @hd;
    }
  }
  .hotThemeBottom{
    color: #333;
  }
  .am-list-item img {
    width: 5px;
    height: 5px;
  }
  .redDot,.yellowDot{
    display: inline-block;
    width: 5 * @hd;
    height: 5 * @hd;
    background: red;
    vertical-align: middle;
    border-radius: 100%;
    margin-left: 5 * @hd;
  }
  .yellowDot{
    background: #faa825;
  }
}